﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>美食之窗</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="BootStrap/css/bootstrap.css" rel="stylesheet"/>
<link href="BootStrap/css/bootstrap-responsive.css" rel="stylesheet"/>
<link href="css/read.css" rel="stylesheet" type="text/css" />
<script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy.js"></script>
<script src="apps/core.js"></script>
<script src="BootStrap/js/holder.js" type="text/javascript"></script>

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//cdnjs.bootcss.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="BootStrap/css/bootstrap-ie6.css">
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="BootStrap/css/ie.css">
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144"
      href="http://www.bootcss.com/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
      href="http://www.bootcss.com/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
      href="http://www.bootcss.com/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="http://www.bootcss.com/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="Images/mszc.ico">
<style type="text/css" id="holderjs-style">.holderjs-fluid {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    font-family: sans-serif;
    margin: 0
}</style>
</head>

<body>


<!-- container
================================================== -->
<div class="container content-wrapper">
    <div id="myCarousel" class="carousel slide">
        <div class="carousel-inner" style="position:relative" >
            <div class="item" data-image="Images/cover.jpg">
            <img/>
            </div>
            <div class="item" >   
                <div class="content">
                    <div class="header">
                        <div class="title">
                            <p>目录</p>
                            <p>CONTENT</p>
                        </div>
                        <div class="logo">
                            <h1>美食之窗</h1>
                            <h4>A Window Of Taste</h4>
                        </div>
                    </div>
                    <div class="cont">                    
                            <div class="span6 bord_r pad_t">
                                <div class="row">
                                    <div class="span2 visible-desktop">
                                        <div style="width:190px;height:300px;background:url(Images/51d234c5172cc.jpg);"></div>
                                        <h4><a href="">曼谷酸甜虾</a></h4>
                                    </div>
                                    <div class="span4 visible-desktop">
                                        <div style="width:300px;height:300px;background:url(Images/51d678dbc73c1.jpg);"></div>
                                        <h4><a href="">果园一品葵</a></h4>
                                    </div>
                                    <hr class="featurette-divider"/>
                                    <div class="span3">
                                        <ul>
                                            <li>
                                                <div class="til pull-left">
                                                    <a href="#" id="ind_02" num="2">02&nbsp&nbsp封面人物</a>
                                                    <p class="visible-phone">采访何源，是件很快乐的事情，因为何源总是面带着微笑，似乎在他那里，没有什么烦恼忧愁</p>
                                                </div>
                                                <div class="til_img_a pull-right visible-phone"></div>
                                                <div class="clearfix"></div>
                                            </li>
                                            <li class="visible-phone">
                                                <div class="til_a pull-right">
                                                    <div class="til_child">
                                                        <a href="#" id="A1" num="2">02&nbsp&nbsp封面人物(1)</a>
                                                    </div>
                                                    <div class="til_child">
                                                        <a href="#" id="A2" num="2">02&nbsp&nbsp封面人物(2)</a>
                                                    </div>
                                                    <div class="til_child">
                                                        <a href="#" id="A3" num="2">02&nbsp&nbsp封面人物(3)</a>
                                                    </div>
                                                    
                                                </div>
                                                <div class="til_img_b pull-left visible-phone"></div>
                                                <div class="clearfix"></div>
                                            </li>
                                            <li><a href="#" id="ind_03"num="3">06&nbsp&nbsp顶级餐饮团队</a></li>
                                            <li><a href="#" id="ind_04"num="4">08&nbsp&nbsp餐饮经理人</a></li>
                                            <li><a href="#" id="ind_05"num="5">11&nbsp&nbsp凉菜SHOW</a></li>
                                            <li><a href="#">27&nbsp&nbsp百变海鲜</a></li>
                                            <li><a href="#">37&nbsp&nbsp川菜飘香</a></li>
                                        </ul>
                                    </div>
                                    <div class="span3">
                                        <ul>
                                            <li><a href="#">53&nbsp&nbsp家常菜</a></li>
                                            <li><a href="#">58&nbsp&nbsp会所揭秘</a></li>
                                            <li><a href="#">60&nbsp&nbsp搜店</a></li>
                                            <li><a href="#">62&nbsp&nbsp土食主义</a></li>
                                            <li><a href="#">69&nbsp&nbsp旺菜排行榜</a></li>
                                            <li><a href="#">75&nbsp&nbsp美食橱柜</a></li>
                                        </ul>
                                    </div>
                                    <hr class="featurette-divider"/>
                                </div>
                                
                            </div>
                            <div class="span4  pad_l pad_t">
                                <div class="">
                                    <div class="cover visible-desktop">
                                    </div>
                                    <p class="space company">
                                        2013年08月刊<br/>
                                        主管：衡水经济委员会<br/>
                                        主办：济南若奇广告传媒有限公司<br/>
                                        国际标准刊号：ISSN1004-0927<br/>
                                        国内统一刊号：CN37-1019/C
                                    </p>

                                </div>
                            </div>
                        <div class="clearfix"></div>    
                     </div>
                    
                </div>
                
            </div>
                
           
            <div class="item" >
                <div class="content">
                    <div class="in_head">
                        <div class="ms_log"></div>
                        <p>封面人物</br>cover</p>
                    </div>
                    <div class="in_cont content-pad">
                        <div class="row">
                            <div class="span5">
                                <div class="page_img"></div>
                            </div>
                            <div class="span5">
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“规范公务商务接待活动，公务接待用餐采用自助餐形式”、“着力解决创建达标活动过多过滥问题，实现创建达标活动大幅减少”……江苏省委常委会日前研究制定了作风建设即知即改十项制度规定，同时决定在全省开展“三项清理”工作。在教育实践活动中，江苏省委常委会共梳理出基层干部和群众意见建议1106条。“项目审批环节再少一些、速度再快一点”、“更多地深入基层企业调查研究”、“淘汰落后产能要研究退出机制”……针对反映强烈的突出问题，省委常委落实制度建设，同时通过媒体解读十项制度规定和“三项清理”内容，接受社会各界监督。
                                </p>
                                 <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“规范公务商务接待活动，公务接待用餐采用自助餐形式”、“着力解决创建达标活动过多过滥问题，实现创建达标活动大幅减少”……江苏省委常委会日前研究制定了作风建设即知即改十项制度规定，同时决定在全省开展“三项清理”工作。在教育实践活动中，江苏省委常委会共梳理出基层干部和群众意见建议1106条。“项目审批环节再少一些、速度再快一点”、“更多地深入基层企业调查研究”、“淘汰落后产能要研究退出机制”……针对反映强烈的突出问题，省委常委落实制度建设，同时通过媒体解读十项制度规定和“三项清理”内容，接受社会各界监督。
                                </p>
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“规范公务商务接待活动，公务接待用餐采用自助餐形式”、“着力解决创建达标活动过多过滥问题，实现创建达标活动大幅减少”……江苏省委常委会日前研究制定了作风建设即知即改十项制度规定，同时决定在全省开展“三项清理”工作。在教育实践活动中，江苏省委常委会共梳理出基层干部和群众意见建议1106条。“项目审批环节再少一些、速度再快一点”、“更多地深入基层企业调查研究”、“淘汰落后产能要研究退出机制”……针对反映强烈的突出问题，省委常委落实制度建设，同时通过媒体解读十项制度规定和“三项清理”内容，接受社会各界监督。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             <div class="item" >
                <div class="content">
                    <div class="in_head">
                        <div class="ms_log"></div>
                        <p>封面人物</br>cover</p>
                    </div>
                    <div class="in_cont content-pad">
                        <div class="row">
                            <div class="span5">
                                <div class="page_imgb"></div>
                            </div>
                            <div class="span5">
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第十届中国—东盟博览会和中国—东盟商务与投资峰会在广西南宁国际会展中心隆重开幕。国务院总理李克强出席开幕式，并发表主旨演讲。
                                </p>
                                 <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;李克强在演讲中说，中国将始终不渝走和平发展道路，为本地区和世界繁荣稳定作出积极贡献。周边地区始终是我国外交的重点，中国新一届政府将坚定不移地奉行与邻为善、以邻为伴的周边外交方针，更加主动地实现中国发展战略与周边各国发展目标的对接，有效构建共享和平繁荣的命运共同体。
                                </p>
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;李克强指出，本地区还存在一些不利于稳定与发展的干扰因素，但这不是主流。对于南海争议，中方一贯主张，应当由直接当事方在尊重历史事实和国际法的基础上进行磋商，中国政府是有担当的，也愿通过友好协商寻求妥善解决之策。中国对东盟的睦邻友好政策绝不是权宜之计，而是我们长期坚持的战略选择。中方将坚定不移地把东盟国家作为周边外交的优先方向。中国和东盟国家你帮我，我帮你，帮助别人就是帮助自己，共同推动双方长期友好互利合作战略伙伴关系迈上新台阶。
                                </p>
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;李克强指出，本地区还存在一些不利于稳定与发展的干扰因素，但这不是主流。对于南海争议，中方一贯主张，应当由直接当事方在尊重历史事实和国际法的基础上进行磋商，中国政府是有担当的，也愿通过友好协商寻求妥善解决之策。中国对东盟的睦邻友好政策绝不是权宜之计，而是我们长期坚持的战略选择。中方将坚定不移地把东盟国家作为周边外交的优先方向。中国和东盟国家你帮我，我帮你，帮助别人就是帮助自己，共同推动双方长期友好互利合作战略伙伴关系迈上新台阶。
                                </p> 
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;李克强指出，本地区还存在一些不利于稳定与发展的干扰因素，但这不是主流。对于南海争议，中方一贯主张，应当由直接当事方在尊重历史事实和国际法的基础上进行磋商，中国政府是有担当的，也愿通过友好协商寻求妥善解决之策。中国对东盟的睦邻友好政策绝不是权宜之计，而是我们长期坚持的战略选择。中方将坚定不移地把东盟国家作为周边外交的优先方向。中国和东盟国家你帮我，我帮你，帮助别人就是帮助自己，共同推动双方长期友好互利合作战略伙伴关系迈上新台阶。
                                </p> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             <div class="item" >
                <div class="content">
                    <div class="in_head">
                        <div class="ms_log"></div>
                        <p>封面人物</br>cover</p>
                    </div>
                    <div class="in_cont content-pad">
                        <div class="row">
                            <div class="span5">
                                <div class="page_imgc"></div>
                            </div>
                            <div class="span5">
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;导语：中医认为，秋天宜收不宜散。初秋处于中医所说的长夏季节，暑气难消，湿热交蒸，饮食方面宜适当多吃养阴润肺的食物，少吃辛辣的食物以助肺气的收敛。
                                </p>
                                 <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;同时，需结合具有健脾祛湿功效的食物以助祛湿。可多食酸、甘味食物，佐以苦味食物，如莲子、百合、胡萝卜、莲藕、豆角、玉米、葡萄、黄花梨、龙眼、水蜜桃、菠萝、哈密瓜等。
                                </p>
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;百合莲子粥：鲜莲子60克，鲜百合60克，粳米100克，冰糖适量。将鲜莲子(不去莲子心)、鲜百合洗净，粳米淘洗干净，三者一同放入砂锅，加适量清水，大火煮沸，小火熬煮成粥，调入冰糖即可食用。此粥具有健脾益肺、清心安神的功效。
                                </p>
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;银耳羹：银耳60克，冰糖适量。银耳水发洗净，切细。将银耳放入砂锅，加适量清水，大火煮沸，小火熬煮20~30分钟，调入冰糖即成。此羹具有生津润肺的功效。
                                </p> 
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;木耳大枣茶：黑木耳30克，大枣10枚，冰糖适量。将木耳、大枣洗净，放入砂锅，加适量清水，用大火煮沸，小火熬煮20分钟，调入冰糖即成。此茶有养血滋阴润燥的功效。
                                </p>
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;木耳大枣茶：黑木耳30克，大枣10枚，冰糖适量。将木耳、大枣洗净，放入砂锅，加适量清水，用大火煮沸，小火熬煮20分钟，调入冰糖即成。此茶有养血滋阴润燥的功效。
                                </p> 
                                <p class="page_font">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;木耳大枣茶：黑木耳30克，大枣10枚，冰糖适量。将木耳、大枣洗净，放入砂锅，加适量清水，用大火煮沸，小火熬煮20分钟，调入冰糖即成。此茶有养血滋阴润燥的功效。
                                </p>  
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
      <!--  <a id="J_pre" class="left carousel-control" href="#myCarousel" style="height:100px;display:block;font-family:'宋体';"
           data-slide="prev">‹</a>
        <a id="J_next" class="right carousel-control" href="#myCarousel" data-slide="next">›</a>-->
    </div>
    <div id="pin_view_arrows">
        <a id="J_pre" href="javascript:void(0);" class="prev visible-desktop"></a>
        <a id="J_next" href="javascript:void(0);" class="next visible-desktop"></a>
    </div>
</div>

<!--bottom navbar
================================================== -->
<div class="navbar navbar-inverse navbar-fixed-bottom">
    <div class="navbar-inner">
        <div class="container">
            <!--<button type="button" class="btn btn-navbar"data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="./index.html">
                
            </a>-->
            

            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li class="">
                        <a href="./index.htm"><img src="Images/back.png" /></a>
                    </li>
                    <li class="">
                        <a href="javascript:void(0);"id="content"><img src="Images/cont.png" /></a>
                    </li>
                    <li class="">
                        <a href="./scaffolding.html"><img src="Images/add.png" /></a>
                    </li>
                    <li class="">
                        <a href="javascript:void(0);"class="J_next"><img src="Images/action.png" /></a>
                    </li>
  
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<script src="BootStrap/js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="BootStrap/js/bootstrap.js" type="text/javascript"></script>

<!--<script>
    !function ($) {
        $(function () {
            // carousel demo
            $('#myCarousel').carousel()
        })
    } (window.jQuery)
</script>
<script>
    KISSY.use('cook/filter', function (kissy, filter) {
        filter.init();
    })
    KISSY.use('cook/slide2/slide2', function (kissy, slide) {
        new slide();

    })
</script> -->
<script>
//    KISSY.use('cook/slide2/slide2', function (kissy, slide) {
//        new slide();

    //    })
    KISSY.use('gallery/slide/1.1/base', function (_kissy, Slide) {
        var _slide = new Slide('myCarousel', {
            //autoSlide: true,
            effect: 'hSlide',
            //timeout: 3000,
            //speed: 700,
            contentClass: "carousel-inner",
            pannelClass: "item",
            eventType: 'click',
            triggerDelay: 400,
            selectedClass: 'active',
            adaptive_fixed_width: true,
            //adaptive_fixed_height:true,
            //carousel:true,
            touchmove: true
        });
        _kissy.one('#J_pre').on('click', function (e) {
            e.halt();
            _slide.previous();
        });
//        _kissy.one('.J_pre').on('click', function (e) {
//            e.halt();
//            _slide.previous();
//        });
        _kissy.one('#J_next').on('click', function (e) {
            e.halt();
            _slide.next();
        });
        _kissy.one('.J_next').on('click', function (e) {
            e.halt();
            _slide.next();
        });
        _kissy.one('#content').on('click', function (e) {

            _slide.go(1, false);
        });
        _kissy.one('#ind_02').on('click', function (e) {

            _slide.go(2, false);
        });
        _kissy.one('#ind_03').on('click', function (e) {
            _slide.go(3, false);
        });
        _kissy.one('#ind_04').on('click', function (e) {
            _slide.go(4, false);
        });
        var _is_ie6 = _kissy.UA.ie == 6;
        var _str_data_image = "data-image";
        var _lazy_load = function (_op /*_op includes fromIndex and toIndex*/) {
            var _dom = KISSY.DOM;
            var _panel_to_Index = _slide.pannels[_op.index];
            var _img_on_panel_to_Index = KISSY.get("img", _panel_to_Index);
            var _panel_width = _dom.css(_panel_to_Index, "width");
            if (_img_on_panel_to_Index) {
                _dom.css(".carousel-inner", { "height": parseInt(_panel_width) * 4 / 3 + "px" });
            }
            if (_dom.hasAttr(_panel_to_Index, _str_data_image) && _img_on_panel_to_Index) {
                //!_is_ie6 && _dom.attr(_img_on_panel_to_Index, "src", _dom.attr(_panel_to_Index, _str_data_image));

                _dom.attr(_img_on_panel_to_Index, "src", _dom.attr(_panel_to_Index, _str_data_image));
                //var _image_width = _dom.css(_img_on_panel_to_Index, "width");
                //var _image_height = _dom.css(_img_on_panel_to_Index, "height");
                _dom.css(".carousel-inner", { "height": parseInt(_panel_width) * 4 / 3 + "px" });
                _dom.css(_dom.parent(_img_on_panel_to_Index), { "height": parseInt(_panel_width) * 4 / 3 + "px" });
                _dom.removeAttr(_panel_to_Index, _str_data_image)
            }
        };
        //        var _fixPng24= function (_dom_img, _img_url) {
        //            var _dom=KISSY.DOM;
        //            var _set_filter_and_spaceball = function (_dom_img_t,src) {
        //                _dom.css(_dom_img_t, { filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + (_img_url || _dom.attr(_dom_img_t, _str_data_image) || src) + '",enabled="true", sizinMethod="scale");' });
        //                _dom_img_t.src = "http://www.linjuzaixian.com/Images/spaceball.gif";
        //                _dom.show(_dom_img_t)
        //            };
        //            _dom_img ? _set_filter_and_spaceball(_dom_img) : _kissy.each(_slide.pannels, function (_panel) {
        //                var _dom_img=_kissy.get("img", _panel);
        //                if (_dom_img)
        //                {
        //                    _set_filter_and_spaceball(_dom_img,_dom.attr(_panel, _str_data_image));
        //                    _dom.show(_dom_img)
        //                }
        //            })
        //        }
        _slide.on("beforeSwitch", _lazy_load);
        //_fixPng24();
        _lazy_load({ index: 0 });
        //_slide.go(1);

        //        S.one('#J_pre').on('click', function (e) {
        //            e.halt();
        //            C.previous().stop().play();
        //        });
        //        S.one('#J_next').on('click', function (e) {
        //            e.halt();
        //            C.next();
        //        });
        //        S.all('#slides img').on('click', function () {
        //            // alert(22);
        //        });

    });
</script>
<!--<script src="BootStrap/js/holder.js" type="text/javascript"></script>-->
<!--[if lte IE 6]>
<script type="text/javascript" src="js/bootstrap-ie.js"></script>
<![endif]-->
</body>
</html>